.Voucher{
   overflow: hidden;
  .myOrderBtn{
    display: none;
  }
  .main{
    position: static;
    margin-top: 3.5rem;
    margin-bottom: 3.3rem;
  }
  .VoucherId{
    margin-top: 15px;
    display: flex;
    display: -webkit-flex;
    padding: 0 15px;
    .editId{
      flex: 1;
      -webkit-box-flex: 1;
      margin-right: 10px;
      input{
        border-radius: 5px;
        outline: none;
        border:solid #DFDFDF;

        border-width: thin;

        width: 96%;
        padding:  0 2%;
        height: 3rem;
        font-size: $size-s-normal;
      }
      ::-webkit-input-placeholder { /* WebKit browsers */
       font-size: $size-s-normal;
      }
      :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        font-size: $size-s-normal;
      }
      ::-moz-placeholder { /* Mozilla Firefox 19+ */
        font-size: $size-s-normal;
      }
      :-ms-input-placeholder { /* Internet Explorer 10+ */
        font-size: $size-s-normal;
      }
    }
    .btn{
      height: 3rem;
      line-height: 3rem;
      background: #fc5e3c;
      border-radius: 5px;
      color:#fff;
      a{
        padding: 0 0.80rem;
        border-radius: 5px;
      }
      a:active{
        background:#fb3804;
      }
    }
  }

  .VoucherTicket{
    padding: 0 15px;
    .list-item-wrap{
      background-color: #fff;
      padding:0.35rem;
      background: url(../images/ticket.png) no-repeat right bottom;
      background-size: 91px 91px;
    }
    .list-item {
      position: relative;
      margin-top: 13px;
      border: $border;
      border-left: 0;
      background: #fff;
    }

    .list-image {
      position: absolute;
      top: -1px;
      bottom: -1px;
      left: 0;
      width: 27.45%;
      background: $color-green url(../images/sawtooth.png) repeat-y right top;
      background-size: 1.75% 7.4%;
    }
    .list-image.overdue{
      background-color: $color-gray;
    }

    .list-item h4 {
      color: $color-black;
      font-size:$size-normal;
      @include ellipsis;
      font-weight: normal;
    }

    .list-item .desc {
      line-height:2rem;
      color: $color-gray;
      margin-left: 27.45%;
      padding-left: 0.98rem;
      .title{
        display: flex;
        display: -webkit-flex;
        margin-bottom:7px;
        box-sizing: border-box;
        h4{
          flex: 1;
          -webkit-box-flex: 1;
          width: 100%;
        }
        a{
          height: 1.6rem;
          max-width:100%;
          //width: 50px;
          -webkit-box-flex: 0;
          cursor: pointer;
          .icon{
            background:url("../images/no-pay.png")no-repeat right center;
            background-size:100% 100%!important;
            display: block;
            height: 1.6rem;
            width: 1.6rem;
          }
        }
      }
    }

    .list-item.select .desc{
      .title{
        a{
          .icon{
            background:url("../images/select.png")no-repeat right center;
          }
        }
      }
    }

    .list-item .desc div {
      @include ellipsis;
      font-size:$size-l-small;
    }

    .list-image .image {
      width: 35.35%;
      margin: 19.5px auto;
    }

    .list-image .status {
      position: absolute;
      left: 0.4rem;
      right: 0.4rem;
      line-height: 2.2rem;
      bottom: 0;
      border-top: 1px solid rgba(255, 255, 255, .3);
      text-align: center;
      color: #fff;
      font-size: $size-l-small;
    }
  }
  .list-item:last-child{
    margin-bottom: 13px;
  }
  .dropload-noData{
    display: none!important;
  }
}